/**
 * 单选样式
 *
 * @author yangjinlai 2019-05-13
 */

 @import url('~@src/common/less/color.less');

 @size: 0.85rem;
 @mSize: @size - 0.2rem;
 
 .checkbox{
     display: inline-block;
     vertical-align: middle;
     margin-right: 0.4rem;
     position: relative;
     width: @size;
     height: @size;
     // margin-top: 1px;
     // width: 100%;
     // height: 2.7rem;
     // padding: 0 1rem;
 
     input[type="checkbox"]{
        width: @size;
        height: @size;
        position: absolute;
        left: 0;
        cursor: pointer;
        z-index: 4;
        top: 0;
        &+label::before {
            content: "\a0";  /*不换行空格*/
            display: inline-block;
            vertical-align: .2em;
            width: @size;
            height: @size;
            border-radius: .2rem;
            background-color: white;
            border: solid 1px #3A7FFF;
            // text-indent: .15em;
            // padding-top: .02rem;
            line-height: @size;  /*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/
        }
    }
    
     
     
     
    input[type="checkbox"]:checked + label::before {
        content: "\e66c";
        font-size: @size;
        background-color: white;
        // border-radius: .2rem;
        border: solid 1px #3A7FFF;
        color: #3A7FFF;
        position: absolute;
        top: 0;
        left: 0;
        line-height: @size;
        text-align: center;
        display: block;
    }
 }
 
 